<template>
    <div>InfoComp

      <ul>
      <li><router-link to="/student/info/111">111</router-link></li>
      <li>
        <router-link
          :to="{
            path: '/student/info/222',
          }"
        >
          222
        </router-link>
      </li>
      <li>
        <router-link
          :to="{
            // 写成对象形式，需要使用命名路由的方法传递params参数
            name: 'Detail',
            params: {
              id: 333,
            },
          }"
        >
          333
        </router-link>
      </li>
    </ul>
    <router-view />
    </div>
</template>
<script>
export default {
   name:"InfoComp"
}
</script>
<style>

</style>